<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="border-card" class="content-edit">
      <el-tab-pane label="支付设置" name="setting">
        <order-pay-pane/>
      </el-tab-pane>
      <el-tab-pane label="退改设置" name="cancel">
        <order-cancel-pane/>
      </el-tab-pane>
      <el-tab-pane label="提醒设置" name="remind">
        <order-remind-pane/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import OrderPayPane from './tabPane/pay';
  import OrderCancelPane from './tabPane/cancel';
  import OrderRemindPane from './tabPane/remind';
  export default {
    name: 'RouteRemarks',
    components: {OrderPayPane, OrderCancelPane, OrderRemindPane},
    data() {
      return {
        // 页面加载动画
        pageLoading: false,
        activeName: 'setting'
      }
    },
    mounted(){},
    methods: {}
  }
</script>

<style lang="scss" type="text/scss" scoped>
  .content-edit {
    margin: 0 auto;
    max-width: 800px;
    .el-form-item{
      width: 90%;
    }
  }
</style>
